.ng-cloak {
  display: none; }

.product {
  width: 75%;
  margin: 0 auto; }
  .product .p_nav {
    margin-top: 30px; }
    .product .p_nav p {
      color: #8d8d8d; }
      .product .p_nav p a {
        color: #8d8d8d;
        font-size: 15px; }
    .product .p_nav div {
      border-bottom: 1px solid gray;
      text-align: right;
      padding-right: 30px;
      line-height: 42px; }
      .product .p_nav div span {
        border-left: 3px solid #fc904e;
        line-height: 18px;
        padding: 3px 10px;
        color: gray;
        margin-right: 10px;
        cursor: pointer; }
      .product .p_nav div b {
        border-bottom: 4px solid #fc904e;
        color: #4d4d4d;
        font-size: 25px;
        padding-bottom: 7px; }
  .product .p_picture {
    width: 100%;
    margin-top: 60px; }
    .product .p_picture ul {
      width: 100%;
      display: flex;
      flex-wrap: wrap;
      justify-content: space-between; }
      .product .p_picture ul li {
        width: 32%;
        height: 270px;
        position: relative; }
        .product .p_picture ul li div {
          width: 100%;
          height: 220px;
          overflow: hidden; }
          .product .p_picture ul li div img {
            width: 100%;
            height: 100%;
            border: 1px solid #ccc;
            transition: 1s; }
            .product .p_picture ul li div img:hover {
              transform: scale(1.2);
              border: none; }
        .product .p_picture ul li p {
          color: #313131;
          font-size: 18px;
          font-weight: bold;
          line-height: 50px;
          position: absolute;
          bottom: 0;
          margin-left: 20px; }
